 .bottom_steps .bottom_progressbar { font-family: montserrat, arial, verdana; padding: 0; text-align: center; overflow: hidden; counter-reset: step; z-index: 9; }
 .bottom_steps .bottom_progressbar li { list-style-type: none; font-size: 12px; color: #ccc; float: left; position: relative; }
 .bottom_steps .bottom_progressbar li.active { color: #5BBEA8; }
 .bottom_steps .bottom_progressbar li:before { content: counter(step); counter-increment: step; width: 20px; line-height: 20px; display: block; font-size: 12px; color: #fff; background: #CCCCCC; border-radius: 30px; margin: 0 auto 5px auto; }
 .bottom_steps .bottom_progressbar li:after { content: ''; width: calc(100% - 18px); height: 2px; background: #CCCCCC; position: absolute; left: calc((-100% + 20px) / 2); top: 10px; }
 .bottom_steps .bottom_progressbar li:first-child:after { content: none; }
 .bottom_steps .bottom_progressbar li.active:before,  .bottom_steps .bottom_progressbar li.active:after { background: #00C699; color: #fff; }


 .bottom_steps .bottom_progressbar li:before:hover { position: absolute; width: 20px; height: 20px; top: -13px; left: -10px; z-index: 20; border-top: 1px solid #d22c3a; border-right: 1px solid #33C5D2; border-bottom: 1px solid #d22c3a; border-left: 1px solid #33C5D2; background-color: transparent; border-radius: 20px; animation: 0.3s infinite rotatefresh; nimation-fill-mode: forwards; }
 @keyframes rotatefresh { from { transform: rotate(0deg); }
     to { transform: rotate(360deg); } }




.top_progressbar { font-family: montserrat, arial, verdana; padding: 0; text-align: center; overflow: hidden; z-index: 9; }
.top_progressbar li:before { content: '◎'; width: 8px; line-height: 20px; display: block; font-size: 21px; color: #CCCCCC; border-radius: 30px; margin: 0 auto 5px auto; }
.top_progressbar li { list-style-type: none; font-size: 12px; color: #ccc; float: left; position: relative; }
.top_progressbar li .active { color: #5BBEA8; }
.top_progressbar li:after { content: ''; width: calc(100% - 8px); height: 2px; background: #CCCCCC; position: absolute; left: calc((-100% + 13px) / 2); top: 9px; }
.top_progressbar li:first-child:after { content: none; }
.top_progressbar li.active:before,.top_progressbar li.active:after { color: #CCCCCC; }